<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="main">
      <div class="top">
        <div class="top_left"></div>
        <div class="top_center">
          <span>请输入商品名称</span>
          <div></div>
        </div>
        <div class="top_right">
          <span>广州市</span>
          <div></div>
        </div>
      </div>
      <img src="./img/图层1.png" alt="" />
      <!-- 优惠团购部分 -->
      <div class="tuangou">
        <div class="t_left">
          <div class="star"></div>
          <span>优惠团购</span>
        </div>
        <div class="t_right">
          <span>更多</span>
          <div class="arrow"></div>
        </div>
      </div>
      <div class="four">
        <div class="first"></div>
        <div class="second"></div>
        <div class="third"></div>
        <div class="fourth"></div>
      </div>
      <!-- 猜你喜欢部分 -->

      <div class="like">
        <div class="l_left">
          <div class="heart"></div>
          <span>猜你喜欢</span>
        </div>
        <div class="l_right">
          <span>更多</span>
          <div class="arrow"></div>
        </div>
      </div>
      <div class="sushi">
        <div class="pic1"></div>
        <div class="text">
          <div class="text_top">
            <span>万岁寿司（正佳店）</span><span>&lt;100m</span>
          </div>
          <div class="text_mid"><span>[100店通用]&nbsp;双人套餐</span></div>
          <div class="text_bottom">
            <span>￥88.00</span><span>已售1000</span>
          </div>
        </div>
      </div>
      <div class="duck">
        <div class="pic1"></div>
        <div class="text">
          <div class="text_top">
            <span>周黑鸭（正佳店）</span><span>&lt;100m</span>
          </div>
          <div class="text_mid"><span>[100店通用]&nbsp;双人套餐</span></div>
          <div class="text_bottom">
            <span>￥88.00</span><span>已售1000</span>
          </div>
        </div>
      </div>
      <div class="push"></div>
    </div>

    <!-- 底部开始 -->
    <div class="bottom">
      <div class="bottom_pic">
        <div class="one">
          <div class="pic"></div>
        </div>
        <div class="two">
          <div class="pic"></div>
        </div>
        <div class="three">
          <div class="pic"></div>
        </div>
        <div class="fourthly">
          <div class="pic"></div>
        </div>
      </div>
      <div class="bottom_text">
        <span>首页</span><a href="./classification.html"><span>分类</span></a>
        <a href="./find.html"><span>发现</span></a>
        <span><a href="./mine.html">我的</a></span>
      </div>
    </div>
  </body>
</html>
